<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-- This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. -->

<meta name="Description" content="..." />
<meta name="Keywords" content="..." />
<meta name="robots" content="all,follow" />
<meta name="author" content="..." />
<meta name="copyright" content="Mantis-a [http://www.mantisa.cz/]" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection, tv" />
<link rel="stylesheet" href="css/structure.css" type="text/css" />
<link rel="stylesheet" href="css/form.css" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/style-ie.css" media="screen, projection, tv" /><![endif]-->
<link rel="stylesheet" href="css/style-print.css" type="text/css" media="print" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- JavaScript -->
<script src="scripts/wufoo.js"></script>

<!--[if lt IE 10]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title>Aplicación Web Agencia Naviera | Homepage</title>
</head>

<body>
<div id="main">

	<!-- Header -->
	<div id="header">
		<div id="header-in">
			<ul id="navigation">
				<li id="house"><a href="#">Homepage</a>|</li>
				<li id="sitemap"><a href="#">Sitemap</a>|</li>
				<li id="envelope"><a href="#">Contact us</a></li>
		</ul>
		<!-- Your website name  -->
		<h1><a href="#">Aplicación Web Agencia Naviera</a></h1>
		<!-- Your website name end -->
		
			<!-- Your slogan -->
			<h2></h2>
			<!-- Your slogan end -->

		<!-- Search form -->
		<form  class="searching" action="">
		<fieldset>
			<label>Searching</label>
				<input class="search" type="text" onfocus="if(this.value==this.defaultValue)this.value=''" 
				onblur="if(this.value=='')this.value=this.defaultValue" value="Search term&hellip;" />
				<input class="hledat" type="image" src="img/search-button.gif" name="" alt="Search" />
		</fieldset>
		</form>
		<!-- Search end -->		
		</div>
	</div>
	<!-- Header end -->
	
	<!-- Menu -->
	<div id="menu-box" class="cleaning-box">
	<a href="#skip-menu" class="hidden">Skip menu</a>
		<ul id="menu">
			<li class="first"><a href="/AgenciaNavieraWeb" >Home</a></li>
			<li><a href="cliente.html">Registro de Cliente</a></li>
			<li><a href="embarque.html" class="active">Registro de Embarque</a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		</ul>
	</div>
	<!-- Menu end -->
	
<hr class="noscreen" />

<div id="skip-menu"></div>
	
	<div id="content">
	
		<!-- Content box with white background and gray border -->
		<div id="content-box">
		
			<!-- Left column -->
			<div id="content-box-in-left">
				<div id="content-box-in-left-in">
					<h3>Registro de Embarque</h3>
						
						<p></p>
						
						
						
<div id="container">


<form id="registroembarque" name="registroembarque" class="wufoo topLabel page" autocomplete="off" enctype="multipart/form-data" method="post" novalidate
action="">
<fieldset>
<ul>

<li id="foli0" class="complex     ">
<label class="desc" id="title0" for="Field0">
Embarque
</label>
</li>
<li>
<span>
<label for="Field0">Código de Cliente:</label>
</span>
<span>
<input id="Field0" name="Field0" type="text" class="field text fn" value="" size="30" tabindex="1" />
</span>
</li>
<li>
<span>
<label for="Field1">Agencia Naviera:</label>
</span>
<span>
<select id="agencianaviera" name="agencianaviera" class="field select addr" tabindex="8" >
<option value="" selected="selected"></option>
<option value="United States" selected="selected">Agencia Naviera 1</option>
<option value="United Kingdom">Agencia Naviera 2</option>
<option value="United Kingdom">Agencia Naviera 3</option>
<option value="United Kingdom">Agencia Naviera 4</option>
</select>
</span>
</li>
</ul>
</fieldset>

<ul>

<li id="foli12" class="date leftHalf     ">
<label class="desc" id="title12" for="Field12">
Fecha de Arribo
</label>
<span>
<input id="Field12-1" name="Field12-1" type="text" class="field text" value="" size="2" maxlength="2" tabindex="13" />
<label for="Field12-1">MM</label>
</span> 
<span class="symbol">/</span>
<span>
<input id="Field12-2" name="Field12-2" type="text" class="field text" value="" size="2" maxlength="2" tabindex="14" />
<label for="Field12-2">DD</label>
</span>
<span class="symbol">/</span>
<span>
 <input id="Field12" name="Field12" type="text" class="field text" value="" size="4" maxlength="4" tabindex="15" />
<label for="Field12">YYYY</label>
</span>
<span id="cal12">
<img id="pick12" class="datepicker" src="images/calendar.png" alt="Pick a date." />
</span>
</li>
<li id="foli13" class="date rightHalf     ">
<label class="desc" id="title13" for="Field13">
Fecha de Zarpe
</label>
<span>
<input id="Field13-1" name="Field13-1" type="text" class="field text" value="" size="2" maxlength="2" tabindex="16" />
<label for="Field13-1">MM</label>
</span> 
<span class="symbol">/</span>
<span>
<input id="Field13-2" name="Field13-2" type="text" class="field text" value="" size="2" maxlength="2" tabindex="17" />
<label for="Field13-2">DD</label>
</span>
<span class="symbol">/</span>
<span>
 <input id="Field13" name="Field13" type="text" class="field text" value="" size="4" maxlength="4" tabindex="18" />
<label for="Field13">YYYY</label>
</span>
<span id="cal13">
<img id="pick13" class="datepicker" src="images/calendar.png" alt="Pick a date." />
</span>
</li>
</ul>

<fieldset>
<ul>


<li>
<span>
<label for="Field0">Embarcador:</label>
</span>
<span>
<input id="Field0" name="Field0" type="text" class="field text fn" value="" size="30" tabindex="1" />
</span>
</li>
<li>
<span>
<label for="Field1">Consignatario:</label>
</span>
<span>
<input id="Field1" name="Field1" type="text" class="field text ln" value="" size="30" tabindex="2" />
</span>
</li>
<li>
<span>
<label for="Field1">Puerto de Origen:</label>
</span>
<span>
<select id="puertoorigen" name="puertoorigen" class="field select addr" tabindex="8" >
<option value="" selected="selected"></option>
<option value="United States" selected="selected">Puerto Origen 1</option>
<option value="United Kingdom">Puerto Origen 2</option>
<option value="United Kingdom">Puerto Origen 3</option>
<option value="United Kingdom">Puerto Origen 4</option>
</select>
</span>
</li>
<li>
<span>
<label for="Field1">Puerto de Destino:</label>
</span>
<span>
<select id="puertodestino" name="puertodestino" class="field select addr" tabindex="8" >
<option value="" selected="selected"></option>
<option value="United States" selected="selected">Puerto destino 1</option>
<option value="United Kingdom">Puerto destino 2</option>
<option value="United Kingdom">Puerto destino 3</option>
<option value="United Kingdom">Puerto destino 4</option>
</select>
</span>
</li>
<li>
<span>
<label for="Field1">Tipo de Carga:</label>
</span>
<span>
<select id="tipocarga" name="tipocarga" class="field select addr" tabindex="8" >
<option value="" selected="selected"></option>
<option value="United States" selected="selected">Tipo de carga 1</option>
<option value="United Kingdom">Tipo de carga 2</option>
<option value="United Kingdom">Tipo de carga 3</option>
<option value="United Kingdom">Tipo de carga 4</option>
</select>
</span>
</li>
<li>
<span>
<label for="Field1">Productos a Enviar:</label>
</span>
<span>
<select id="productos" name="productos" class="field select addr" tabindex="8" multiple="multiple">
<option value="" selected="selected"></option>
<option value="United States">Producto 1</option>
<option value="United Kingdom">Producto 2</option>
<option value="United Kingdom">Producto 3</option>
<option value="United Kingdom">Producto 4</option>
</select>
</span>
</li>

<li class="buttons ">
<div>

<input id="saveForm" name="saveForm" class="btTxt submit" type="submit" value="Submit"
 /></div>
</li>

</ul>
</fieldset>
</form> 

</div><!--container-->
						
						
						
						
						
						<div class="cleaner">&nbsp;</div>
						
						<p></p>
					<h3></h3>
						
				</div>
			</div>
			<!-- Left column end -->

<hr class="noscreen" />
			
			
		</div>
		<!-- Content box with white background and gray border end -->
	</div>

<hr class="noscreen" />
	
	<!-- Footer -->
	<div id="footer">
		<div id="footer-in">
			<p class="footer-left">&copy; <a href="#">Your website name</a>, 2008.</p>
			<p class="footer-right"><a href="http://www.mantisatemplates.com/">Free web templates</a> 
			by <a href="http://www.mantisa.cz/">Mantis-a</a></p>
		</div>
	</div>
	<!-- Footer end -->

</div>
</body>
</html>